<template>
  <el-form ref="form" :model="productInfo" label-width="80px">
    <el-col :span="10" style="margin-left: 30px">
      <el-form-item label="送检码">
        <el-input v-model="productInfo.submissionCode" readonly></el-input>
      </el-form-item>
    </el-col>
    <el-col :span="10" style="margin-left: 30px">
      <el-form-item label="检测项目">
        <el-input v-model="productInfo.productName" readonly></el-input>
      </el-form-item>
    </el-col>
    <el-col :span="10" style="margin-left: 30px">
      <el-form-item label="检测进度">
        <el-input v-model="productInfo.reportSchedule" readonly></el-input>
      </el-form-item>
    </el-col>
    <el-col :span="10" style="margin-left: 30px">
      <el-form-item label="预出报告日期">
        <el-input v-model="productInfo.expectDate" readonly></el-input>
      </el-form-item>
    </el-col>
    <el-col :span="10" style="margin-left: 30px">
      <el-form-item label="报告生成日期">
        <el-input v-model="productInfo.reportDate" readonly></el-input>
      </el-form-item>
    </el-col>
    <el-col :span="10" style="margin-left: 30px">
      <el-form-item label="报告链接">
        <el-input v-model="productInfo.reportDate" readonly></el-input>
      </el-form-item>
    </el-col>
    <el-col :span="10" style="margin-left: 30px">
      <el-form-item label="报告接收地址">
<!--        <el-input v-model="productInfo.reportSchedule" readonly></el-input>-->
      </el-form-item>
    </el-col>
  </el-form>
</template>

<script>

export default {
  props: {
    productInfo: {
      type: Object
    }
  },
  data() {
    return {};
  },
  methods: {
    close() {
      this.$tab.closePage();
    }
  }
};
</script>
